<template>
<div id="out29">
	<!--登录底板-->
    <div class="backDZ">
        <div class="dengZhu">
            <div>登录</div>
            <a href="#/ZhuCe">
            <div>注册</div>
            </a>
            <a href="#/DengZhu">
            <img src="../assets/img/duanhuowang/xx.png" alt=""/>
            </a>
        </div>
    </div>
    <!--快速登录-->
    <div class="backKuai">
        <div class="kuaisu">
            <div></div>
            <div class="titDl">
                <span>注册</span>
                快速登录
                <span>密码登录</span>
            </div>
            <p>新用户首次登录自动注册阿拉德账号</p>
            <img class="shouji" src="../assets/img/gerenzhongxin/1gerenzhongxin/shouji.png" alt=""/>
            <img class="yanzheng" src="../assets/img/gerenzhongxin/1gerenzhongxin/yanzheng.png" alt=""/>
            <input type="text" name="phone" class="phone" value="" placeholder="请输入手机号"/>
            <input type="text" name="yanzheng" class="yanzhengg" value="" placeholder="请输入手机验证码"/>
            <div class="huoqu">获取验证码</div>
            <div class="btnn">
                <span class="quxiao">取消</span>
                <a href="#/GeRenzx3">登录</a>
            </div>
        </div>
    </div>
    <!--密码登录-->
    <div class="backMi">
        <div class="kuaisu">
            <div></div>
            <div class="titDl">
                <span>注册</span>
                密码登录
                <span>快速登录</span>
            </div>
            <img class="shouji" src="../assets/img/gerenzhongxin/1gerenzhongxin/shouji.png" alt=""/>
            <img class="yanzheng" src="../assets/img/gerenzhongxin/1gerenzhongxin/mima.png" alt=""/>
            <input type="text" name="phone" class="phone" value="" placeholder="请输入手机号"/>
            <input type="text" name="" id="mima" value="" placeholder="请输入密码"/>
            <p>忘记密码 ？</p>
            <div class="btnn">
                <span class="quxiao">取消</span>
                <a href="#/GeRenzx3">登录</a>
            </div>
        </div>
    </div>
    <!--忘记密码1-->
    <div class="backWang">
        <div class="kuaisu">
            <div></div>
            <div class="titDl">
                <span><img src="../assets/img/gerenzhongxin/1gerenzhongxin/leftt.png" alt=""/></span>
                忘记密码
                <span><img class="xx" src="../assets/img/duanhuowang/xx.png" alt=""/></span>
            </div>
            <p>我们家对象密码发生的你的世界，请注意查收。</p>
            <img class="shouji" src="../assets/img/gerenzhongxin/1gerenzhongxin/shouji.png" alt=""/>
            <img class="yanzheng" src="../assets/img/gerenzhongxin/1gerenzhongxin/yanzheng.png" alt=""/>
            <input type="text" name="phone" class="phone" value="" placeholder="请输入手机号"/>
            <input type="text" name="yanzheng" class="yanzhengg" value="" placeholder="请输入手机验证码"/>
            <div class="huoqu">获取验证码</div>
            <div class="btnn">
                <span>下一步</span>
            </div>
        </div>
    </div>
    <!--忘记密码2-->
    <div class="backWang1">
        <div class="kuaisu">
            <div></div>
            <div class="titDl">
                <span><img src="../assets/img/gerenzhongxin/1gerenzhongxin/leftt.png" alt=""/></span>
               忘记密码
                <span><img class="xx" src="../assets/img/duanhuowang/xx.png" alt=""/></span>
            </div>
            <img class="shouji" src="../assets/img/gerenzhongxin/1gerenzhongxin/mima.png" alt=""/>
            <img class="yanzheng" src="../assets/img/gerenzhongxin/1gerenzhongxin/mima.png" alt=""/>
            <input type="password" name="phone" class="phone" value="" placeholder="请输入密码（6-32位）"/>
            <input type="password" name="yanzheng" class="yanzhengg" value="" placeholder="请确认密码"/>
            <div class="btnn">
                <span>确认</span>
            </div>
        </div>
    </div>
    <!--注册-->
    <div class="backZC">
        <div class="kuaisu">
            <div></div>
            <div class="titDl">
                <span>密码登录</span>
                注册
                <span>快速登录</span>
            </div>
            <p>我们家对象密码发生的你的世界，请注意查收。</p>
            <img class="shouji" src="../assets/img/gerenzhongxin/1gerenzhongxin/shouji.png" alt=""/>
            <img class="yanzheng" src="../assets/img/gerenzhongxin/1gerenzhongxin/yanzheng.png" alt=""/>
            <input type="text" name="phone" class="phone" value="" placeholder="请输入手机号"/>
            <input type="text" name="yanzheng" class="yanzhengg" value="" placeholder="请输入手机验证码"/>
            <div class="huoqu">获取验证码</div>
            <div class="btnn">
                <span class="quxiao">取消</span>
                <span>
                完成注册
                </span>
            </div>
        </div>
    </div>
    <!--设置登录密码-->
    <div class="backShe">
        <div class="kuaisu">
            <div></div>
            <div class="titDl">
                <span><img src="../assets/img/gerenzhongxin/1gerenzhongxin/leftt.png" alt=""/></span>
               设置登录密码
                <span><img class="xx" src="../assets/img/duanhuowang/xx.png" alt=""/></span>
            </div>
            <img class="shouji" src="../assets/img/gerenzhongxin/1gerenzhongxin/mima.png" alt=""/>
            <img class="yanzheng" src="../assets/img/gerenzhongxin/1gerenzhongxin/mima.png" alt=""/>
            <input type="password" name="phone" class="phone" value="" placeholder="请输入密码（6-32位）"/>
            <input type="password" name="yanzheng" class="yanzhengg" value="" placeholder="请确认密码"/>
            <div class="btnn">
                <a href="#/GeRenzx3">下一步</a>
            </div>
        </div>
    </div>
</div>
</template>

<script>
	export default {
		name: '',
		methods: {
			round2: function() {
				var regex = /^[1][3,4,5,7,8][0-9]{9}$/;
				$("#out29>.backDZ>.dengZhu>div").eq(0).click(function(){
					$("#out29>.backKuai").slideDown(500);
				});
				/*公用取消按钮*/
				$("#out29 .kuaisu>.btnn>.quxiao").click(function(){
					$(this).parent().parent().parent().slideUp(500);
				});
				/*快速登录*/
				$("#out29>.backKuai>.kuaisu>.phone").on("input",function(){
					if (regex.test($("#out29>.backKuai>.kuaisu>.phone").val())==true) {
					    $("#out29>.backKuai>.kuaisu>.huoqu").addClass("huoqu1");
					} else if(regex.test($("#out29>.backKuai>.kuaisu>.phone").val())==false){
						$("#out29>.backKuai>.kuaisu>.huoqu").removeClass("huoqu1");
					};
				});
				$("#out29>.backKuai>.kuaisu>.titDl>span").eq(1).click(function(){
					$(this).parent().parent().parent().slideUp(500);
					$("#out29>.backMi").slideDown(500);
				});
				$("#out29>.backKuai>.kuaisu>.titDl>span").eq(0).click(function(){
					$(this).parent().parent().parent().slideUp(500);
					$("#out29>.backZC").slideDown(500);
				});
				/*密码登录*/
				$("#out29>.backMi>.kuaisu>.titDl>span").eq(1).click(function(){
					$(this).parent().parent().parent().slideUp(500);
					$("#out29>.backKuai").slideDown(500);
				});
				$("#out29>.backMi>.kuaisu>.titDl>span").eq(0).click(function(){
					$(this).parent().parent().parent().slideUp(500);
					$("#out29>.backZC").slideDown(500);
				});
//				$("#out29>.backMi>.kuaisu>#phone").on("input",function(){
//					if (regex.test($("#out29>.backMi>.kuaisu>#phone").val())==true) {
//					    $("#out29>.backMi>.kuaisu>#mima").attr("disabled","none");
//					} else if(regex.test($("#out29>.backKuai>.kuaisu>#phone").val())==false){
//						$("#out29>.backMi>.kuaisu>#mima").attr("disabled","disabled");
//					};
//				});
                /*忘记密码*/
               $("#out29>.backMi>.kuaisu>p").click(function(){
               	    $(this).parent().parent().slideUp(500);
               	    $("#out29>.backWang").slideDown(500);
               });
               $("#out29 .xx").click(function(){
               	    $(this).parent().parent().parent().parent().slideUp(500);
               });
               $("#out29>.backWang>.kuaisu>.btnn>span").click(function(){
               	    $(this).parent().parent().parent().slideUp(500);
               	    $("#out29>.backWang1").slideDown(500);
               });
               $("#out29>.backWang>.kuaisu>.phone").on("input",function(){
					if (regex.test($("#out29>.backWang>.kuaisu>.phone").val())==true) {
					    $("#out29>.backWang>.kuaisu>.huoqu").addClass("huoqu1");
					} else if(regex.test($("#out29>.backWang>.kuaisu>.phone").val())==false){
						$("#out29>.backWang>.kuaisu>.huoqu").removeClass("huoqu1");
					};
				});
				$("#out29>.backWang1>.kuaisu>.btnn>span").click(function(){
					 $(this).parent().parent().parent().slideUp(500);
					 $("#out29>.backMi").slideDown(500);
				});
				$("#out29>.backWang1>.kuaisu>.titDl>span").eq(0).click(function(){
					$(this).parent().parent().parent().slideUp(500);
					$("#out29>.backWang").slideDown(500);
				});
				$("#out29>.backWang>.kuaisu>.titDl>span").eq(0).click(function(){
					$(this).parent().parent().parent().slideUp(500);
					$("#out29>.backMi").slideDown(500);
				});
				/*注册*/
				$("#out29>.backZC>.kuaisu>.titDl>span").eq(1).click(function(){
					$(this).parent().parent().parent().slideUp(500);
					$("#out29>.backKuai").slideDown(500);
				});
				$("#out29>.backZC>.kuaisu>.titDl>span").eq(0).click(function(){
					$(this).parent().parent().parent().slideUp(500);
					$("#out29>.backMi").slideDown(500);
				});
				$("#out29>.backZC>.kuaisu>.phone").on("input",function(){
					if (regex.test($("#out29>.backZC>.kuaisu>.phone").val())==true) {
					    $("#out29>.backZC>.kuaisu>.huoqu").addClass("huoqu1");
					} else if(regex.test($("#out29>.backZC>.kuaisu>.phone").val())==false){
						$("#out29>.backZC>.kuaisu>.huoqu").removeClass("huoqu1");
					};
				});
				$("#out29>.backZC>.kuaisu>.btnn>span").eq(1).click(function(){
					$(this).parent().parent().parent().slideUp(500);
					$("#out29>.backShe").slideDown(500);
				});
			},
		},
		mounted: function() {
			//只有在mounted之后，才可以执行dom操作，也就是说可以在这个方法里面执行那些需要加载立即执行的方法
			this.round2();
		},
	}
</script>

<style>
	#out29 a{
		color: black;
	}
#out29>.backDZ{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	z-index: 50;
}
#out29>.backDZ>.dengZhu{
	height: 36rem;
	width: 100vw;
	position: absolute;
	bottom: 0;
	background: #FFFFFF;
	padding-top: 11rem;
	box-sizing: border-box;
	padding-left: 6rem;
}
#out29>.backDZ>.dengZhu img{
	position: absolute;
	right: 2rem;
	top: 2rem;
	width: 2.4rem;
	height: 2.4rem;
}
#out29>.backDZ>.dengZhu>div,#out29>.backDZ>.dengZhu>a>div{
	width: 60rem;
	height: 6rem;
	background-color: #FFFFFF;
	font-size: 2.8rem;
	text-align: center;
	line-height: 6rem;
	border-radius: 3rem;
	border: 0.1rem solid #CCCCCC;
	margin-bottom: 2rem;
}
#out29>.backDZ>.dengZhu>div:first-child{
	color: #FFFFFF;
	background-color: #e53e42;
}
/*快速登录*/
#out29>.backKuai{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	z-index: 50;
	display: none;
}
#out29>.backKuai>.kuaisu{
	width: 68rem;
	height: 41rem;
	background-color: #FFFFFF;
	position: absolute;
	left: 2rem;
	top: 40rem;
	border-radius: 1rem;
}
#out29>.backKuai>.kuaisu>div:first-child{
	height: 2rem;
	background: #e53e42;
	border-radius: 1rem 1rem 0 0;
}
#out29>.backKuai>.kuaisu>.titDl{
	text-align: center;
	font-size: 3rem;
	color: #333333;
	padding: 2rem 0;
}
#out29>.backKuai>.kuaisu>.titDl>span:first-child{
	font-size: 2.4rem;
	padding-right: 17rem;
}
#out29>.backKuai>.kuaisu>.titDl>span:last-child{
	font-size: 2.4rem;
	padding-left: 17rem;
}
#out29>.backKuai>.kuaisu>p{
	font-size: 1.8rem;
	color: #808080;
	text-align: center;
	padding: 2rem 0;
}
#out29>.backKuai>.kuaisu>.phone{
	width: 60rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
}
#out29>.backKuai>.kuaisu>.yanzhengg{
	width: 38rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
	margin-top: 2rem;
}
#out29>.backKuai>.kuaisu>.shouji{
	position: absolute;
	left: 6.5rem;
	top: 16.3rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backKuai>.kuaisu>.yanzheng{
	position: absolute;
	left: 6.5rem;
	top: 24.3rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backKuai>.kuaisu>.huoqu{
	width: 20rem;
	height: 6rem;
	font-size: 2.4rem;
	color: #808080;
	text-align: center;
	line-height: 6rem;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	position: absolute;
	right: 4rem;
	bottom: 12rem;
}
#out29>.backKuai>.kuaisu>.huoqu1{
	color: #000000;
	border: 0.1rem solid #000000;
}
#out29>.backKuai>.kuaisu>.btnn{
	width: 68rem;
	height: 8.2rem;
	font-size: 2.4rem;
	line-height: 8.2rem;
	border-top: 0.1rem solid #CCCCCC;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#out29>.backKuai>.kuaisu>.btnn>span,#out29>.backKuai>.kuaisu>.btnn>a{
	width: 34rem;
	height: 8.2rem;
	text-align: center;
}
#out29>.backKuai>.kuaisu>.btnn>a:last-child{
	color: #FF0000;
}

/*密码登录*/
#out29>.backMi{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	z-index: 50;
	display: none;
}
#out29>.backMi>.kuaisu{
	width: 68rem;
	height: 41rem;
	background-color: #FFFFFF;
	position: absolute;
	left: 2rem;
	top: 40rem;
	border-radius: 1rem;
}
#out29>.backMi>.kuaisu>div:first-child{
	height: 2rem;
	background: #e53e42;
	border-radius: 1rem 1rem 0 0;
}
#out29>.backMi>.kuaisu>.titDl{
	text-align: center;
	font-size: 3rem;
	color: #333333;
	padding: 2rem 0;
}
#out29>.backMi>.kuaisu>p{
	font-size: 1.8rem;
	color: #e53e42;
	padding: 2rem;
	text-align: right;
}
#out29>.backMi>.kuaisu>.titDl>span:first-child{
	font-size: 2.4rem;
	padding-right: 17rem;
}
#out29>.backMi>.kuaisu>.titDl>span:last-child{
	font-size: 2.4rem;
	padding-left: 17rem;
}
#out29>.backMi>.kuaisu>.phone{
	width: 60rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
	margin-top: 4rem;
}
#out29>.backMi>.kuaisu>#mima{
	width: 60rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
	margin-top: 2rem;
}
#out29>.backMi>.kuaisu>.shouji{
	position: absolute;
	left: 6.5rem;
	top: 14.5rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backMi>.kuaisu>.yanzheng{
	position: absolute;
	left: 6.5rem;
	top: 22.5rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backMi>.kuaisu>.btnn{
	width: 68rem;
	height: 8.2rem;
	font-size: 2.4rem;
	line-height: 8.2rem;
	border-top: 0.1rem solid #CCCCCC;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#out29>.backMi>.kuaisu>.btnn>span,#out29>.backMi>.kuaisu>.btnn>a{
	width: 34rem;
	height: 8.2rem;
	text-align: center;
}
#out29>.backMi>.kuaisu>.btnn>a:last-child{
	color: #FF0000;
}
/*忘记密码1*/
#out29>.backWang{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	z-index: 50;
	display: none;
}
#out29>.backWang>.kuaisu{
	width: 68rem;
	height: 41rem;
	background-color: #FFFFFF;
	position: absolute;
	left: 2rem;
	top: 40rem;
	border-radius: 1rem;
}
#out29>.backWang>.kuaisu>div:first-child{
	height: 2rem;
	background: #e53e42;
	border-radius: 1rem 1rem 0 0;
}
#out29>.backWang>.kuaisu>.titDl{
	text-align: center;
	font-size: 3rem;
	color: #333333;
	padding: 2rem 0;
}
#out29>.backWang>.kuaisu>.titDl>span:first-child{
	padding-right: 22rem;
}
#out29>.backWang>.kuaisu>.titDl>span:first-child>img{
	width: 3rem;
	height: 3rem;
}
#out29>.backWang>.kuaisu>.titDl>span:last-child{
	padding-left: 22rem;
}
#out29>.backWang>.kuaisu>.titDl>span>img{
	width: 2.4rem;
	width: 2.4rem;
}
#out29>.backWang>.kuaisu>p{
	font-size: 1.8rem;
	color: #808080;
	text-align: center;
	padding: 2rem 0;
}
#out29>.backWang>.kuaisu>.phone{
	width: 60rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
}
#out29>.backWang>.kuaisu>.yanzhengg{
	width: 38rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
	margin-top: 2rem;
}
#out29>.backWang>.kuaisu>.shouji{
	position: absolute;
	left: 6.5rem;
	top: 16.8rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backWang>.kuaisu>.yanzheng{
	position: absolute;
	left: 6.5rem;
	top: 24.8rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backWang>.kuaisu>.huoqu{
	width: 20rem;
	height: 6rem;
	font-size: 2.4rem;
	color: #808080;
	text-align: center;
	line-height: 6rem;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	position: absolute;
	right: 4rem;
	bottom: 12rem;
}
#out29>.backWang>.kuaisu>.huoqu1{
	color: #000000;
	border: 0.1rem solid #000000;
}
#out29>.backWang>.kuaisu>.btnn{
	width: 68rem;
	height: 8.2rem;
	font-size: 2.4rem;
	line-height: 8.2rem;
	border-top: 0.1rem solid #CCCCCC;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#out29>.backWang>.kuaisu>.btnn>span{
	width: 68rem;
	height: 8.2rem;
	text-align: center;
}
/*忘记密码2*/
#out29>.backWang1{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	z-index: 50;
	display: none;
}
#out29>.backWang1>.kuaisu{
	width: 68rem;
	height: 41rem;
	background-color: #FFFFFF;
	position: absolute;
	left: 2rem;
	top: 40rem;
	border-radius: 1rem;
}
#out29>.backWang1>.kuaisu>div:first-child{
	height: 2rem;
	background: #e53e42;
	border-radius: 1rem 1rem 0 0;
}
#out29>.backWang1>.kuaisu>.titDl{
	text-align: center;
	font-size: 3rem;
	color: #333333;
	padding: 2rem 0;
}
#out29>.backWang1>.kuaisu>.titDl>span:first-child{
	padding-right: 22rem;
}
#out29>.backWang1>.kuaisu>.titDl>span:first-child>img{
	width: 3rem;
	height: 3rem;
}
#out29>.backWang1>.kuaisu>.titDl>span:last-child{
	padding-left: 22rem;
}
#out29>.backWang1>.kuaisu>.titDl>span>img{
	width: 2.4rem;
	width: 2.4rem;
}
#out29>.backWang1>.kuaisu>.phone{
	width: 60rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
	margin-top: 5rem;
}
#out29>.backWang1>.kuaisu>.yanzhengg{
	width: 60rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
	margin-top: 2rem;
}
#out29>.backWang1>.kuaisu>.shouji{
	position: absolute;
	left: 6.5rem;
	top: 16rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backWang1>.kuaisu>.yanzheng{
	position: absolute;
	left: 6.5rem;
	top: 24rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backWang1>.kuaisu>.huoqu1{
	color: #000000;
	border: 0.1rem solid #000000;
}
#out29>.backWang1>.kuaisu>.btnn{
	width: 68rem;
	height: 8.2rem;
	font-size: 2.4rem;
	line-height: 8.2rem;
	border-top: 0.1rem solid #CCCCCC;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#out29>.backWang1>.kuaisu>.btnn>span{
	width: 68rem;
	height: 8.2rem;
	text-align: center;
}
/*注册*/
#out29>.backZC{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	z-index: 50;
	display: none;
}
#out29>.backZC>.kuaisu{
	width: 68rem;
	height: 41rem;
	background-color: #FFFFFF;
	position: absolute;
	left: 2rem;
	top: 40rem;
	border-radius: 1rem;
}
#out29>.backZC>.kuaisu>div:first-child{
	height: 2rem;
	background: #e53e42;
	border-radius: 1rem 1rem 0 0;
}
#out29>.backZC>.kuaisu>.titDl{
	text-align: center;
	font-size: 3rem;
	color: #333333;
	padding: 2rem 0;
}
#out29>.backZC>.kuaisu>.titDl>span:first-child{
	font-size: 2.4rem;
	padding-right: 17rem;
}
#out29>.backZC>.kuaisu>.titDl>span:last-child{
	font-size: 2.4rem;
	padding-left: 17rem;
}
#out29>.backZC>.kuaisu>p{
	font-size: 1.8rem;
	color: #808080;
	text-align: center;
	padding: 2rem 0;
}
#out29>.backZC>.kuaisu>.phone{
	width: 60rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
}
#out29>.backZC>.kuaisu>.yanzhengg{
	width: 38rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
	margin-top: 2rem;
}
#out29>.backZC>.kuaisu>.shouji{
	position: absolute;
	left: 6.5rem;
	top: 16.3rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backZC>.kuaisu>.yanzheng{
	position: absolute;
	left: 6.5rem;
	top: 24.3rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backZC>.kuaisu>.huoqu{
	width: 20rem;
	height: 6rem;
	font-size: 2.4rem;
	color: #808080;
	text-align: center;
	line-height: 6rem;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	position: absolute;
	right: 4rem;
	bottom: 12rem;
}
#out29>.backZC>.kuaisu>.huoqu1{
	color: #000000;
	border: 0.1rem solid #000000;
}
#out29>.backZC>.kuaisu>.btnn{
	width: 68rem;
	height: 8.2rem;
	font-size: 2.4rem;
	line-height: 8.2rem;
	border-top: 0.1rem solid #CCCCCC;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#out29>.backZC>.kuaisu>.btnn>span,#out29>.backZC>.kuaisu>.btnn>a{
	width: 34rem;
	height: 8.2rem;
	text-align: center;
}
#out29>.backZC>.kuaisu>.btnn>a:last-child{
	color: #FF0000;
}
/*设置登录密码*/
#out29>.backShe{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	z-index: 50;
	display: none;
}
#out29>.backShe>.kuaisu{
	width: 68rem;
	height: 41rem;
	background-color: #FFFFFF;
	position: absolute;
	left: 2rem;
	top: 40rem;
	border-radius: 1rem;
}
#out29>.backShe>.kuaisu>div:first-child{
	height: 2rem;
	background: #e53e42;
	border-radius: 1rem 1rem 0 0;
}
#out29>.backShe>.kuaisu>.titDl{
	text-align: center;
	font-size: 3rem;
	color: #333333;
	padding: 2rem 0;
}
#out29>.backShe>.kuaisu>.titDl>span:first-child{
	padding-right: 19rem;
}
#out29>.backShe>.kuaisu>.titDl>span:first-child>img{
	width: 3rem;
	height: 3rem;
}
#out29>.backShe>.kuaisu>.titDl>span:last-child{
	padding-left: 19rem;
}
#out29>.backShe>.kuaisu>.titDl>span>img{
	width: 2.4rem;
	width: 2.4rem;
}
#out29>.backShe>.kuaisu>.phone{
	width: 60rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
	margin-top: 5rem;
}
#out29>.backShe>.kuaisu>.yanzhengg{
	width: 60rem;
	height: 6rem;
	outline: none;
	border: 0.1rem solid #CCCCCC;
	border-radius: 3rem;
	margin-left: 4rem;
	font-size: 2.4rem;
	box-sizing: border-box;
	padding-left: 6rem;
	margin-top: 2rem;
}
#out29>.backShe>.kuaisu>.shouji{
	position: absolute;
	left: 6.5rem;
	top: 16rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backShe>.kuaisu>.yanzheng{
	position: absolute;
	left: 6.5rem;
	top: 24rem;
	width: 2.2rem;
	height: 3rem;
}
#out29>.backShe>.kuaisu>.huoqu1{
	color: #000000;
	border: 0.1rem solid #000000;
}
#out29>.backShe>.kuaisu>.btnn{
	width: 68rem;
	height: 8.2rem;
	font-size: 2.4rem;
	line-height: 8.2rem;
	border-top: 0.1rem solid #CCCCCC;
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#out29>.backShe>.kuaisu>.btnn>span{
	width: 68rem;
	height: 8.2rem;
	text-align: center;
}
</style>